import { ref } from 'vue'

export default() => {
    const countries: Ref<any[]> = ref([]);
    const cities: Ref<any[]> = ref([]);
    const filteredCountries: Ref<any[]> = ref([]);
    const value1 = ref<HTMLElement | null>(null);
    const value2 = ref<HTMLElement | null>(null);
    const value3 = ref<HTMLElement | null>(null);
    const value4 = ref<HTMLElement | null>(null);
    const value5 = ref<HTMLElement | null>(null);
    const value6 = ref<HTMLElement | null>(null);
    const value7 = ref<HTMLElement | null>(null);
    const value8 = ref<HTMLElement | null>(null);
    const value9 = ref<HTMLElement | null>(null);
    const value10 = ref<HTMLElement | null>(null);
    return {
        countries,
        cities,
        filteredCountries,
        value1,
        value2,
        value3,
        value4,
        value5,
        value6,
        value7,
        value8,
        value9,
        value10
    }
}